/* CSS for tabs */
#example_1 .preview .navigation {
	display: block;
	height: 34px;
	padding: 96px 20px 0px 20px;
	background-image: url(header-bg.gif);
	background-repeat: repeat-x;
	font-family: arial, helvetica, clean, sans-serif;
	margin: 0px;
}
#example_1 .preview .navigation li {
	display: block;
	position: relative;
	float: left;
	height: 34px;
	margin: 0px 2px;
	padding: 0px;
	background-image: url(tab-left.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#example_1 .preview .navigation li a {
	display: block;
	position: relative;
	height: 34px;
	margin: 0px;
	padding: 7px 15px;
	background-image: url(tab-right.gif);
	background-repeat: no-repeat;
	font-size: 16px;
	color: #fff;
	background-position: top right;
	text-decoration: none;
}
#example_1 .preview .navigation li.active {
	background-image: url(tab-active-left.gif);
}
#example_1 .preview .navigation li.active a {
	background-image: url(tab-active-right.gif);
	color: #000;
}
